<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.96/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.96/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <style>
        body{
            margin:0;
        }
        #cesiumContainer {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<div id="cesiumContainer">
</div>
<div id="vueContainer">
</div>
<template id="content">
    <p style="position:absolute; top: 0">
        <button @click="test" style="padding:8px 12px;">按钮</button>
    </p>
</template>
<script src="../../config/index.js"></script>
<script src="ac-min.js"></script>
<script src="test.js"></script>
<script>
  const {createApp,ref,onMounted,onBeforeUnmount} = Vue
  const app = createApp({
    template: `#content`,
    setup() {
      const message = ref('Hello Vue.js!')
      /**
       * 测试方法
       */
      const test = () => {
        console.log('测试')
          planeCutting(10)
      }
      //挂载完成执行的程序
      onMounted(()=>{
        console.log(1111111)

      })
      //销毁组件
      onBeforeUnmount(()=>{
        // vue程序销毁时，需要清理相关资源
        console.log(22222)
      })
      return {
        message,
        test
      }
    }
  })
  app.mount('#vueContainer')
</script>
</body>
</html>
